<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>{{ $setData->webname }}</title>
		<link href="reception/css/common.css" rel="stylesheet" type="text/css" />
		<link href="reception/css/index.css?v=1.0.3" rel="stylesheet" type="text/css" />
		<link href="reception/css/web.css?v=1.0.2" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="reception/js/jquery.min.js" ></script>
		<!--cases-->
		<script type="text/javascript" src="reception/js/pic.js"></script>
		
		<link rel="stylesheet" href="reception/css/slimbox.css" type="text/css" media="screen" />
		<script type="text/javascript" src="reception/js/mootools.js"></script>
		<script type="text/javascript" src="reception/js/slimbox.js"></script>

	</head>

	<body>
		@include('reception/head')
		<div class="clear"></div>
		<div class="main">
			<div id="left">
				<div class="menu">
					<h2>产品中心</h2>
					<ul class="part">
						@foreach ($type as $te)
						<li>
							<a href="javascript:void(0);" onclick="compMove({{ $te->id }},'{{ $te->name }}')">
								{{ $te->name }}
							</a>
						</li>
						@endforeach
					</ul>
				</div><!--menu-->
				<div class="contact_left">
					<h2>联系我们</h2>
					<div class="tel" >
						<p>
							地　址：{{ $setData->addr }}
						</p>
						<p>
							电　话：{{ $setData->tel_ }}
						</p>
						<p>
							传　真：{{ $setData->fax_ }}
						</p>
						<p>
							邮　箱：{{ $setData->emial_ }}
						</p>
						<p>
							主　页：www.trulycom.com
						</p>
						<p>
							主　营：{{ $setData->webkeywork }}
						</p>
					</div>
				</div>
			</div><!--left-->
			<div id="right">
				<div>
					<div style="text-align: center;font-size: 20px;">{{ $data->name }}</div>
					<div style="padding-top: 10px;">产品描述：{{ $data->desctiption }}</div>
					<div style="padding-top: 10px;">详细规格：<a href=""><img src="reception/images/download.png" style="vertical-align: middle;" width="30px" height="30px"/></a></div>
				</div>
				<div style="padding-top: 10px;">
					<dl class="bottom_e " style="background: #FFF;padding: 5px;">
	                    {!! $data->info !!}
	                </dl>
				</div>
				
			</div>
		</div>
		@include('reception/tials')
	</body>
	<script>
		function compMove(type,name){
		$.post("{{ url('productGet') }}",{'_token':'{{csrf_token()}}','type':type},
			function(data){
//				console.log(data);
				var obj = eval('(' + data + ')');
				var state = obj.state;
				var datas = obj.data;
				var temp = "";
				temp += '<div class="position">';
				temp += '<span>您的位置：';
				temp += '<a href="{{ url('/') }}">';
				temp += ' 首页&nbsp;></a>';
				temp += ' ' + name;
				temp += '</span> 产品中心</div>';
				temp += '<div class="web_box"><div class="content"><ul class="products">';
				for(i in datas){
					temp += '<li><a href="'+"{{ url('/ProductSee'.'?id=') }}"+datas[i].id+'"><img src="'+datas[i].imgurl+'" width="160" height="120" alt="'+datas[i].name+'" /></a><span><a href="#">'+datas[i].name+'</a></span></li>';
				}
				temp += '</ul></div></div>';
				$("#right").html(temp);
			});
		}
	</script>
</html>